home *** CD-ROM | disk | FTP | other *** search
/ ftp.anonawest.com / ftp.anonawest.com.tar / ftp.anonawest.com / Memorial Day+TAPS_files / mail_blue_all.css < prev    next >
Cascading Style Sheet File  |  2013-02-25  |  44KB  |  720 lines
  1. /* Common elements */
  2. body *{outline:none;}
  3. body{font:small/1.2em arial,helvetica,clean,sans-serif;font:x-small;}
  4. table{font-size:inherit;font:x-small;}
  5. html>body{font:83% arial,helvetica,clean,sans-serif;}
  6. pre, code, select, input {font-size:100%} 
  7. label{cursor:pointer;cursor:hand;}
  8. a,a:visited{text-decoration:none;}
  9. a:hover{ text-decoration:underline;}
  10. #universalheader :link {text-decoration:underline;}
  11. #universalheader :visited {text-decoration:underline;}
  12. form{margin:0;}
  13. h2{font-size:140%;margin:0 0 .5em 0; }
  14. ul{margin:0; padding:.5em .5em .5em 1.5em;}
  15. #swads{margin-top:.5em;}
  16. @media all{html>body #swads{width:160px;}}
  17. #swads div{height:auto;width:100%;border-style:solid;border-width:1px 0;padding:.5em .25em;font:78% verdana;}
  18. #swads img{margin-right:.5em;float:left;}
  19. #swads div.first{border-top:none;}
  20. #swads div.last{border-bottom:none;}
  21. #swads p{margin:0;padding:0;}
  22. html>body #swads p{margin-top:-.5em;}
  23. @media all{html>body #swads p{margin-top:0;}}
  24. #swads td{font-size:78%;}
  25. html>body #swads td{font-size:1em;}
  26. #swads td font{font-size:1em;}
  27. /* General application layout */
  28. #stateindicator{margin-bottom:.5em;}
  29. #applicationcontainer td#leftnav{background-repeat:repeat-x;background-position:top;padding:.75em .5em;}
  30. #applicationcontainer td#leftnavspacer { background-repeat:no-repeat;background-position:top;}
  31. #applicationcontainer td#maincontent { background-repeat:repeat-x;background-position:top;padding:.75em 0 1em 15px;}
  32. .alertbox { border-width:1px;border-style:solid;padding:.5em;margin:.5em 0;}
  33. .alertbox p{margin:0;padding:0;}
  34. .alertbox h3{font-size:100%;margin:0;}
  35. .alertbox h3 span{font-weight:normal;}
  36. .alertbox em{font-style:normal;font-weight:bold;}
  37. #footer{margin-top:1em;text-align:center;font:78% verdana;}
  38. #footer p{margin:0;padding:0;}
  39. /* Button bars */
  40. div.globalbuttonbar, div.contentbuttonbar{padding:.5em;text-align:right;line-height:1.8em;height:2.8em;}
  41. html>body div.globalbuttonbar, html>body div.contentbuttonbar{height:2.8em;}
  42. @media all{html>body div.globalbuttonbar, html>body div.contentbuttonbar{height:1.8em;}}
  43. div.globalbuttonbar span.last button, div.contentbuttonbar span.last button{margin:0;}
  44. div.globalbuttonbar span.last{padding:.25em;}
  45. html>body div.globalbuttonbar span.last{white-space:nowrap;width:1%;padding-top:0;padding-bottom:0;}
  46. @media all{html>body div.globalbuttonbar span.last{padding:.25em;}}
  47. div.globalbuttonbar span span{display:none;}
  48. div.globalbuttonbar span.first{float:left;text-align:left;white-space:nowrap;}
  49. div.globalbuttonbar span.last a{font-weight:bold;padding-bottom:.15em;text-decoration:underline;}
  50. div.globalbuttonbar span.last span{display:inline;}
  51. div.globalbuttonbar span.last img{position:relative;top:.25em;}
  52. @media all{html>body div.globalbuttonbar span.last img{position:relative;top:.35em;}}
  53. .contentnav{margin:4px 0;font:78% verdana;text-align:right;}
  54. .contentnav a{text-decoration:underline;}
  55. .contentnav span.first{float:left;text-align:left;}
  56. .contentnav span.last span{margin-left:1em;}
  57. .contentnav #checkall, .contentnav #clearall{margin:0;cursor:pointer;cursor:hand;text-decoration:underline;color:#039;}
  58. #contentnavtop{border-top-width:1px;border-top-style:solid;padding-top:.5em;}
  59. .contentbuttonbar span.first{float:left;text-align:left;}
  60. #contentbuttonbartop{border-width:0 0 1px 0;border-style:solid;}
  61. /* Buttons */
  62. .button, button, .inputbutton{font:bold 78% verdana;border-style:outset;border-width:2px;margin-right:.5em;}
  63. .inputbutton{padding:.2em .8em;cursor:pointer;cursor:hand;}
  64. @media all{.button,button{position:relative;}}
  65. button{padding:.2em 0;cursor:pointer;cursor:hand;}
  66. html>body button{padding:.2em .8em;line-height:150%;height:1.8em;}
  67. @media all{html>body button{height:auto;position:relative;display:inline;}}
  68. .button{padding:.4em .8em;height:2em;}
  69. .button:hover{text-decoration:none;}
  70. html>body .button{height:auto;line-height:2em;}
  71. button.menubutton{background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/bt_b_dd_2.gif) no-repeat right center;padding-right:20px;}
  72. button.hasdefaultstate{background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/bt_s_dd_2.gif) no-repeat right center;padding-right:20px;}
  73. .contentnav #filtercontrol span{display:block;float:left;margin:0 .5em 0 0;padding:0;}
  74. .contentnav #filtercontrol span.filterbutton{background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/bt_dd_2.gif) no-repeat 95% 50%;font:normal 100% verdana;border-width:1px;border-style:solid;padding:0 20px 0 .25em;position:relative;cursor:pointer;cursor:hand;width:auto;}
  75. /* Button menus */
  76. .buttonmenu{top:0;left:0;z-index:2;position:absolute;visibility:hidden;border-style:solid ! important;border-width:1px ! important;font:78% verdana;}
  77. html>body .buttonmenu{width:1%;}
  78. @media all{html>body .buttonmenu{width:auto;}}
  79. .buttonmenu strong{display:none;}
  80. .buttonmenu ul{margin:0;list-style:none;padding:.5em;}
  81. .buttonmenu li{padding:.25em;border-width:1px;border-style:solid;cursor:pointer;cursor:hand;white-space:nowrap;}
  82. .buttonmenu li.hover, #movemenu li.hover{width:100%;}
  83. .buttonmenu li a:hover{text-decoration:none;}
  84. html>body .buttonmenu ul{float:left;}        
  85. @media all{html>body .buttonmenu ul{float:none;width:auto;}}
  86. #movemenu li{background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/perc1.gif) left center no-repeat;margin:0;padding:.25em .25em .25em 2em;white-space:nowrap;}
  87. html>body #movemenu li{padding-left:20px;}
  88. .overflow{height:254px;overflow:auto;}        
  89. html>body .overflow{height:250px;overflow:-moz-scrollbars-vertical;}
  90. /* Data table */
  91. .tbldata caption{display:none;}        
  92. table.tbldata{border-collapse:collapse;clear:both;}
  93. .tbldata tbody td{border-width: 0 0 1px 0;border-style: solid;padding:2px 0 2px 5px;vertical-align:center;}                
  94. .tbldata thead th{text-align:left;border-width:1px 1px 1px 0;border-style:solid;padding:1px 0 1px 5px;background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/px_w.gif) repeat-y;}
  95. .tbldata thead th input{margin-bottom:0px;margin-top:-1px;}
  96. .tbldata td img{text-align:right;}
  97. .tbldata th img{float:right;margin:4px 4px 0 0;} 
  98. .tbldata tr.msgnew{font-weight:bold;}
  99. /* PIM Tabs */
  100. div#northsearchtestfields{text-align:center;margin:.5em 0;}
  101. #topnav{margin-top:.5em;height:2.15em;border-style:solid;border-width:0 0 1px 0;}
  102. @media all{html>body #topnav{height:2.1em;}}
  103. #topnav div{height:1.75em;border-style:solid;border-width:0 0 1px 0;}
  104. html>body #topnav div{height:1.75em;}
  105. @media all{html>body #topnav div{height:1.7em;}}
  106. #topnav span{position:relative;display:block;float:left;height:1.5em;margin:0 1px;border-width:1px 0 0 0;border-style:solid;}
  107. html>body #topnav span{display:inline-block;float:none;}
  108. @media all{html>body #topnav span{display:block;float:left;width:auto;}}
  109. #topnav span.last{position:static;display:inline;float:right;height:auto;margin:0;padding:.5em 0 0 0;border:0;font:78% verdana;}
  110. #topnav span.last a{font-weight:normal;}
  111. #topnav span span{border-width:0 1px;margin:0 -1px;height:auto;padding:.25em .25em .25em .8em;}
  112. #topnav span{left:-1px;}
  113. #topnav span span{left:0px;}
  114. html>body #topnav span{left:0px;}
  115. @media all{html>body #topnav span span{height:1.15em;float:none;}}
  116. #topnav a{font-weight:bold;}
  117. #topnav a.jump{text-decoration:none;outline:none;}
  118. #topnav span span span{display:none;}
  119. #topnav img{height:.9em;width:1.5em;border:0;}
  120. #topnav span.selected{font-size:120%;bottom:-.2em;margin-top:-.4em;}            
  121. @media all{html>body #topnav span.selected{bottom:-2px;margin-top:-4px;}}
  122. #topnav span.selected img{width:1.2em;}
  123. #topnav span#searchtestopionlinks{font:x-small arial;position:relative;top:-.25em;}
  124. #topnav span#searchtestopionlinks a{font-weight:bold;}
  125. html>body #topnav span#searchtestopionlinks{font:100% arial;}
  126. div.shortcuts{border-style:solid;border-width:1px;position:absolute;z-index:10;}
  127. div.shortcuts strong{display:none;}
  128. div.shortcuts ul{margin:.5em 0;padding:0;list-style:none;}
  129. div.shortcuts li{line-height:1.2em;}
  130. html>body div.shortcuts ul{width:1%;white-space:nowrap;}
  131. @media all{html>body div.shortcuts ul{width:auto;}}
  132. html>body div.shortcuts li{width:1%;white-space:nowrap;}
  133. @media all{html>body div.shortcuts li{width:auto;clear:both;}}
  134. div.shortcuts ul.first, div.shortcuts ul.last{margin:0;}
  135. div.shortcuts div{border-width:1px;border-style:solid;padding:.5em;}
  136. html>body div.shortcuts div{float:left;}
  137. @media all{html>body div.shortcuts div{float:none;}}
  138. li.special{text-align:right;}
  139. li.special a{float:left;margin-right:.25em;}
  140. #mailshortcuts, #calendarshortcuts, #addressbookshortcuts, #notepadshortcuts, #mobileshortcuts{visibility:hidden;top:0px;left:0px;}
  141. /* Rounded corners */
  142. * html div.modulecontainer{height:auto;}
  143. .modulecontainer{padding:0 8px;}
  144. .modulecontainer div{border-style:solid;border-width:1px;margin:-2px -8px;height:1em;}
  145. html>body .modulecontainer div{height:auto;}
  146. .modulecontainer div div{border-style:none;border-width:0;margin:0;}
  147. .modulecontainer .first, .modulecontainer .last{position:relative;height:8px;margin:0;}            
  148. .modulecontainer .first{border-width:1px 0 0 0;}
  149. .modulecontainer .last{border-width:0 0 1px 0;}
  150. .modulecontainer .first .first, .modulecontainer .first .last{margin-top:-1px;}
  151. .modulecontainer .last .first, .modulecontainer .last .last{margin-bottom:-1px;}
  152. .modulecontainer .first .first, .modulecontainer .first .last, .modulecontainer .last .first, .modulecontainer .last .last{border:0;position:absolute;z-index:1;width:8px;background-repeat:no-repeat;}
  153. .modulecontainer .first .first, .modulecontainer .last .first{margin-left:-8px;}
  154. .modulecontainer .first .last, .modulecontainer .last .last{right:0px;margin-right:-8px;}
  155. .smallroundedmodule{padding:0 4px;}
  156. .smallroundedmodule div{border-style:solid;border-width:1px;margin:-2px -4px;height:1em;}
  157. html>body .smallroundedmodule div{height:auto;}
  158. .smallroundedmodule div div{border-style:none;border-width:0;margin:0 4px;}
  159. .smallroundedmodule .first, .smallroundedmodule .last{position:relative;height:4px;margin:0;}            
  160. .smallroundedmodule .first{border-width:1px 0 0 0;}
  161. .smallroundedmodule .last{border-width:0 0 1px 0;}
  162. .smallroundedmodule .first .first, .smallroundedmodule .first .last{margin-top:-1px;}
  163. .smallroundedmodule .last .first, .smallroundedmodule .last .last{margin-bottom:-1px;}
  164. .smallroundedmodule .first .first, .smallroundedmodule .first .last, .smallroundedmodule .last .first, .smallroundedmodule .last .last{border:0;position:absolute;z-index:1;width:4px;background-repeat:no-repeat;}
  165. .smallroundedmodule .first .first, .smallroundedmodule .last .first{margin-left:-4px;}
  166. .smallroundedmodule .first .last, .smallroundedmodule .last .last{right:0px;margin-right:-4px;}
  167. div.sidebar div{width:100%;}
  168. html>body .sidebar div{width:auto;}
  169. div.sidebar .first .last, div.sidebar .last .last{margin-right:-9px;}
  170. html>body div.sidebar .first .last, html>body div.sidebar .last .last{margin-right:-8px;}
  171. /* Left navigation */
  172. #searchnav div, #optionsnav div{padding:.5em;font:bold 78% verdana;}
  173. #searchnav ul, #optionsnav ul{list-style:none;margin:0;padding:0 .5em .5em .5em;}
  174. #searchnav li, #optionsnav li{border-style:solid;border-width:1px;margin:0;padding:.25em .5em .25em 1.5em;background-repeat:no-repeat;background-position:4% 50%;cursor:pointer;cursor:hand;}
  175. #searchnav li.selected, #optionsnav li.selected{background:url(http://us.i1.yimg.com/us.yimg.com/i/sr/ar.gif) no-repeat 4% 50%;}
  176. #searchnav li.hover a, #optionsnav li.hover a, #searchnav li:hover a, #optionsnav li:hover a{text-decoration:underline;}
  177. /* Search Test */
  178. button#searchmail{width:8em;white-space:nowrap;*padding:.2em 0;}
  179. button#searchtheweb{margin-left:.5em;white-space:nowrap;*padding:.2em 0;}
  180. html>body button#searchmail{width:7em;}
  181. html>body button#searchtheweb{width:9em;}
  182. @media all{html>body button#searchmail{width:8em;}}
  183. @media all{html>body button#searchtheweb{width:10em;}}
  184. html>body input#searchqueryinputfield{width:15em;margin-bottom:.25em;}
  185. @media all{html>body input#searchqueryinputfield{width:auto;margin-bottom:0;}}
  186. /* Dashboard */
  187. div.topfilled .toptitle {border-bottom-style:solid;border-bottom-width:1px;font:78% verdana;text-align:left;padding:.5em;padding-top:0px;}
  188. div.topfilled .toptitle span.first {float:left;text-align:left;font-weight:bold;}
  189. div.filled .toptitle {font:78% verdana;text-align:right;padding:.5em;padding-top:0px;}
  190. div.filled .toptitle span.first {float:left;text-align:left;font-weight:bold;}
  191. div.topfilled #filtercontrol span{display:block;margin:0 .5 0 0;padding:0;float:left }
  192. div.topfilled #filtercontrol span#dashviewselector{padding-right:15px;padding-left:.5em ;text-decoration:underline; font-weight:normal}
  193. div.topfilled span.filterbutton{background:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/bt_dd_2.gif) no-repeat 95% 50%;font:normal 100% verdana;padding:0 20px 0 .25em;position:relative;cursor:pointer;cursor:hand;width:auto;}
  194. div.dashcontent { padding:.5em;font-family:verdana,arial,sans-serif;font-size:84%;}
  195. div.dashcontent .viewtitle { font-weight:bold; }
  196. div.dashcontent .collection { margin-top:.5em;}
  197. div.dashcontent li { font-family:arial,sans-serif; padding-left:1em};
  198. .nagbar a {margin:4px 0;font:78% verdana;text-align:right;text-decoration:underline;}
  199.  
  200. .clearfix:after {
  201.     content: "."; 
  202.     display: block; 
  203.     height: 0; 
  204.     clear: both; 
  205.     visibility: hidden;
  206. }
  207.  
  208. .clearfix { zoom:1; }
  209.  
  210. /* Common elements */
  211. body{margin:0px 4px;}
  212. h2 span{font:normal 52% verdana;}
  213. h2 span a{text-decoration:underline;}
  214. span.helptext{display:block;font:normal 78% verdana;}
  215. span.inline{display:inline;}
  216. div.fieldset{border-width:1px 0;border-style:solid none;padding:10px 10px 10px 20px;}
  217. div.fieldset td.label{text-align:right;font-weight:bold;width:20%;}
  218. div.fieldset h3{font-size:110%;margin:0 0 .5em 0;}
  219. div.fieldset h3 span{font:normal 78% verdana;}
  220. div.fieldset em{font-weight:bold;font-style:normal;}
  221. div.fieldset p{margin:.5em 0;padding:0;}
  222. div.fieldset label{font-weight:bold;cursor:pointer;cursor:hand;}
  223. div.field{padding:.25em 0;}
  224. #quotausagebar{position:relative;display:block;border-style:solid;border-width:1px;margin:2px 4px;height:1em;}
  225. #quotausagebar span.first{position:absolute;height:100%;}
  226. #quotausagebar span.last{width:100%;text-align:center;font:bold 78% verdana;}
  227. html>body #quotausagebar span.last{display:block;width:auto;}
  228. /* General application layout */
  229. table.applicationcontainer{border-bottom-style:solid;border-bottom-width:1px;}
  230. table.applicationcontainer h2{margin:0;}
  231. table.applicationcontainer td#first, table.applicationcontainer td#spacer, table.applicationcontainer td.content, table.applicationcontainer td#euspacer{background-repeat:repeat-x;}
  232. table.managementview td#first, table.optionsview td#first{padding:10px 7px 7px 7px;}
  233. table.managementview td.content, table.confirmationview td.content{padding:7px 0 10px 10px;}
  234. table.optionsview #stateindicator, table.composeview #stateindicator, table.kioskview #stateindicator{margin:0;border-bottom-style:solid;border-bottom-width:1px;}
  235. div#stateindicator, table.optionsview #stateindicator td.first, table.kioskview #stateindicator td.first{padding:2px 0 10px 15px;}
  236. table.composeview #stateindicator td.first{padding:2px 0 2px 15px;}
  237. table.composeview td.messagecontainer div.alertbox{margin:4px 0 10px 0;}
  238. table.optionsview div.last, table.kioskview div.last, table.composeview div.last{border-bottom-width:0px;border-bottom-style:none;}
  239. table.optionsview #stateindicator div.last, table.composeview #stateindicator div.last, table.optionsview td#first div.last{border-bottom-width:1px;border-bottom-style:solid;}
  240. td.messagecontainer{padding-left:15px;}
  241. td.messagecontainer div.alertbox{margin:0 0 10px 0;}
  242. table.confirmationview h3{font-size:110%;margin:.5em 0;}
  243. table.confirmationview ul, table.optionsview ul{margin:0;padding:.25em .25em .25em 2em;}
  244. table.confirmationview li, table.optionsview li{margin:.25em 0;}
  245. table.confirmationview p{margin:.25em 0;}
  246. table.managementview div.fieldset{border-width:0;border-style:none;}
  247. /* Button bars */
  248. div.composebuttonbar{text-align:left;padding:6px;}
  249. div.optionbuttons, div.kioskbuttons{text-align:left;}
  250. /* Left nav */
  251.  
  252.  
  253.  
  254. div.sidebar li{width:99.9%;overflow:hidden;}
  255. html>body div.sidebar li{width:auto;overflow:visible;}
  256. #folderlist a.newmail{font-weight:bold;}
  257. #folderlist a.first{float:left;text-align:left;}
  258. #defaultfolders div{text-align:right;padding:0 6px 6px 6px;font:78% verdana;white-space:nowrap;} 
  259. #customfolders div{text-align:right;padding:6px;font:78% verdana;}
  260. #mysearches div{text-align:right;padding:6px;font:78% verdana;}
  261. #defaultfolders div span.first, #customfolders div span.first{float:left;text-align:left;font-weight:bold;}
  262. #personalfoldersdisplaytoggle, #addfoldercontrol{cursor:pointer;cursor:hand;}
  263. #mysearchesdisplaytoggle, #addfoldercontrol{cursor:pointer;cursor:hand;}
  264. #defaultfolders div span.hover, #customfolders div span.hover{text-decoration:underline;}
  265. #customfolders{margin-top:3px;clear:both;border-top:1px dotted #C1C1C1;}
  266. #mysearches{margin-top:3px;clear:both;border-top:1px dotted #C1C1C1;}
  267. #folderlist ul{list-style:none;margin:1px 0;padding:0 3px;}
  268. #folderlist li#bulk, #folderlist li#trash{text-align:right;clear:both;}
  269. #folderlist li#bulk span, #folderlist li#trash span{font:78% verdana;}
  270. #folderlist li{border-style:solid;border-width:1px;margin:0;padding:2px 2px 2px 24px;background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/perc1.gif);background-repeat:no-repeat;background-position:4% 50%;cursor:pointer;cursor:hand;}
  271. #folderlist li.selected{font-weight:bold;background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/pero1.gif);}
  272. #folderlist li.newmessages{font-weight:bold;}
  273. #folderlist #inbox{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/inbc1.gif);}
  274. #folderlist #inbox.selected{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/inbo1.gif);}
  275. #folderlist #draft{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/dftc1.gif);}            
  276. #folderlist #draft.selected{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/dfto1.gif);}
  277. #folderlist #sent {    background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/sntc1.gif);}
  278. #folderlist #sent.selected{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/snto1.gif);}
  279. #folderlist #bulk{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/blkc1.gif);}
  280. #folderlist #bulk.selected{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/blko1.gif);}
  281. #folderlist #trash{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/tshc1.gif);}
  282. #folderlist #trash.selected{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/f/tsho1.gif);}
  283. #savedsearches {margin-top:7px;}
  284. #defaultsavedsearches div,#mysearches div {font:78% verdana;}
  285. #defaultsavedsearches div,#mysearches div span.first {font-weight:bold;}
  286. #defaultsavedsearches div {padding:0 6px 6px 6px;}
  287. #mysearches div {padding:6px;}
  288. #mysearches div span.first {float:left;width:auto;font-weight:bold;}
  289. #defaultsavedsearches div span.hover, #mysearches div span.hover {text-decoration:underline;}
  290. #savedsearches ul {list-style:none;margin:1px 0;padding:0 3px;}
  291. #savedsearches ul li {border-style:solid;border-width:1px;margin:0;padding:2px 2px 2px 24px;background-repeat:no-repeat;background-position:3% 50%;cursor:pointer;cursor:hand;}
  292. div#defaultsavedsearches li#photossavedsearch {background-image:url(http://us.i1.yimg.com/us.yimg.com/i/nt/ic/ut/alt1/cam16_1.gif);}
  293. div#defaultsavedsearches li#attachmentssavedsearch {background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/el/attach_1.gif);}
  294. div#mysearches li {background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/el/savedsearch_1.gif);}
  295. #mailaccountsbox{margin-bottom:7px;}
  296. #mailaccounts div{padding:0 6px 6px 6px;font:bold 78% verdana;}
  297. #mailaccounts ul{list-style:none;margin:1px 0;padding:0 3px;}
  298. #mailaccounts li{border-style:solid;border-width:1px;margin:0;padding:2px 2px 2px 24px;background-repeat:no-repeat;background-position:4% 50%;cursor:pointer;cursor:hand;}
  299. #mailaccounts li.selected{background:url(http://us.i1.yimg.com/us.yimg.com/i/sr/ar.gif) no-repeat 4% 50%;cursor:auto;}
  300. #leftnavad{margin-bottom:7px;}
  301. #leftnavad div div{padding:0 3px;}
  302. #leftnavad div div p{padding:0;margin:0;}
  303. #nwad { margin-bottom:7px; border-bottom:solid 1px #fff; }
  304. #nwad div { border-bottom-width:1px; border-bottom-style:solid; padding:.5em .25em; font:78% verdana; }
  305. #nwad p { padding:0; margin:0; }
  306. #popaccountsbox{margin-bottom:7px;}
  307. #popaccounts div{text-align:right;padding:0 6px 6px 6px;font:78% verdana;}
  308. #popaccounts div span{float:left;text-align:left;font-weight:bold;}
  309. #popaccounts ul{list-style:none;margin:1px 0;padding:0 3px;}
  310. #popaccounts li{border-style:solid;border-width:1px;clear:both;margin:0;padding:2px 2px 2px 24px;background-repeat:no-repeat;background-position:4% 50%;cursor:pointer;cursor:hand;}
  311. #popaccounts li.label1{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop1_1.gif);}
  312. #popaccounts li.label2{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop2_1.gif);}
  313. #popaccounts li.label3{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop3_1.gif);}
  314. #popaccounts li.label4{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop4_1.gif);}
  315. #popaccounts li.label5{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop5_1.gif);}
  316. #popaccounts li.label6{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop6_1.gif);}
  317. #popaccounts li.label7{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/pop7_1.gif);}
  318. /* Ads */
  319. #northbanner{text-align:center;margin-top:.5em;}
  320. #northbanner * {margin:0 auto;}
  321. div.advertisement{text-align:center;margin:1em 0;}
  322. /* Welcome.html */
  323. div.jakemodules{margin-top:.5em;}
  324. div.jakemodules div div{padding:0 .5em;}
  325. div#mailpluswelcome{margin-top:1em;}
  326. div#mailpluswelcome div div{padding:0 .5em;}
  327. div#mailpluswelcome h3{font-size:120%;margin:0;padding:0;}
  328. div#mailpluswelcome p{margin:0;padding:.5em 0 0 0;}
  329. div#mailpluswelcome ul{padding-bottom:0;}
  330. div.lrec div div{padding:0 .5em;font:78% verdana;}
  331. div.lrec h3{margin:.5em 0;font-size:120%;}
  332. div.lrec p{margin:.25em 0;}
  333. /* FolderView.html */
  334. .tbldata thead th.iconheader{border-right-width:0;border-right-style:none;}
  335. .tbldata thead th#toheader,.tbldata thead th#senderheader,.tbldata thead th#recipientheader,.tbldata thead th#subjectheader{border-left-width:0;border-left-style:none;background-image:none;}
  336. .nomessages{clear:both;margin:1em 0;}
  337. html>body.nomessages{margin:2em 0;} 
  338. .nomessages div{font-weight:bold;text-align:center;}
  339. .nomessages .first, .nomessages .last{text-align:left;}
  340. .nomessages div div{padding:1em;}
  341. form#addfolder{padding:0 .5em;}
  342. form#addfolder div.fieldset{padding:.25em 0;}
  343. #addtomyyahoomodule{text-align:right;font:bold 78% verdana;line-height:17px;vertical-align:middle;margin:.5em 0 0 0;padding:0;}
  344. #addtomyyahoomodule img{vertical-align:middle;margin-left:.25em;}
  345. /* Letter.html */
  346. .messageinfo{border-width:1px 0;border-style:solid none;}
  347. .messageinfo p{border-top-style:solid;border-top-width:1px;margin:0;padding:.25em .5em;}
  348. .messageinfo em{font-style:normal;font-weight:bold;}
  349. .messageinfo a{font:78% verdana;}
  350. .flaggedindicator{border-top-width:0;border-top-style:none;background-color:#ffc ! important;}
  351. div#message{font-size:100%;margin:1em 0;}
  352. div#message tt{font-size:1.2em;font:x-small;}
  353. div#message input, div#message select{vertical-align:auto;}
  354. div#message label{cursor:pointer;cursor:hand;}
  355. div#message form{margin:auto;}
  356. div#message h2{font-size:auto;margin:auto;}
  357. div#message h2 span{font-size:auto;}
  358. div#message ul{margin:auto;padding:auto;}
  359. div#message :link, div#message :link:visited{text-decoration:underline;}
  360. table.messageheader td{border-bottom-style:solid;border-bottom-width:1px;padding:.5em;font:78% verdana;}
  361. table.messageheader td.label{font-weight:bold;width:1%;}
  362. /* TocLoop.html */
  363. .splittertop { border-bottom-width:1px;border-bottom-style:solid;width:100%;height:1px;line-height:1px;margin:0px; }
  364. .splittercontent { border-top-width:1px;border-top-style:solid;border-bottom-width: 1px;border-bottom-style:solid;margin: 0.0em; }
  365. .splittercontent td.title {  padding-left:.5em; font-weight:bold; }
  366. .splittercontent td.adspace { padding-right:.5em }
  367. .tabfolder {  margin:0px; margin-top:.5em; }
  368. .tabfolder .tabfoldercontent { border-top:0px; font-size:84%; }
  369. .tabfolder .tabfoldercontent a  { text-decoration:underline;}
  370. .tabfolder .tabfoldertitle { padding-top:1em; }
  371. .tabtitlefield { font-weight:bold; padding:1px 0 1px .3em; font-size:84%;}
  372. .tabfolder .tabfoldercontent  {font-size:84%;border-width:1px;border-style:solid;border-top-width:0px;}
  373. table.photopanel { border-width:1px; border-style:solid; border-collapse:collapse; }
  374. table.photopanel td { border-width:1px; border-style:solid; padding:0; }
  375. table.photopanel td td { border:none; }
  376. table.photopanel td.thumbnail { padding:10px; }
  377. table.photopanel td.thumbnail td.image { border-width:1px; border-style:solid; }
  378. table.photopanel td.thumbnail td.savetolinks { font:77% verdana; padding-left:10px; }
  379. table.photopanel td.imageinfo div { font:77% verdana; border-top-style:solid; border-top-width:1px; text-align:center; padding:.25em 0; }
  380. table.photopanel td.imageinfo div a.imagename { font-weight:bold; color:#000; text-decoration:none; }
  381. .photogrid { padding:0px;  }
  382. .filespanel td { border-top-style:solid; border-top-width:1px; }
  383. td#savealltophotos { padding:5px; }
  384. td#savealltophotos div { margin-top:10px;padding:5px 5px 0 5px;font:77% verdana;border-top:solid 1px #ccc; }
  385. /* Compose.html, Spell.html, SpellDynamic.html */
  386. div#composebuttonbartop,div#composebuttonbarbottom{padding:.5em;}
  387. #spellchecker{width:400px;margin:1em 0;}
  388. #spellchecker div.modulecontainer{margin-top:1em;}
  389. #spellchecker div.modulecontainer div div{padding:.5em;}
  390. #spellchecker label{font:bold 78% verdana;display:block;}
  391. div#spellchecker div.last{border-bottom-width:1px;border-bottom-style:solid;}
  392. #popupspellchecker{margin:0;}
  393. #popupspellchecker h2{margin:0;padding:0 .5em;}
  394. #popupspellchecker div{padding:.5em;}
  395. #popupspellchecker label{font:bold 78% verdana;display:block;}
  396. #ecardpromo p{margin:0 .5em;font:bold 78% verdana;text-align:center;}
  397. #ecardpromo div div{padding:0 .5em;}
  398. #autocompletepromo{width:16em;font:78% verdana;}
  399. #autocompletepromo div div{padding:0 .75em;}
  400. #autocompletepromo div.last{border-bottom-style:solid;border-bottom-width:1px;}
  401. #autocompletepromo h3{font-size:100%;}
  402. label#tofieldlabel, label#ccfieldlabel, label#bccfieldlabel{text-decoration:underline;}
  403. /* VirusScanResults.html */
  404. table.virusscanresult td.labelresults{font-weight:bold;}
  405. /* Confirmation templates */
  406. #moreyahoo{margin:.5em 0;}
  407. #moreyahoo h3{margin:.5em 0;font-size:120%;}
  408. #moreyahoo p{margin:0;padding:0;}
  409. #moreyahoo li{margin:0 0 1em 0;}
  410. #moreyahoo ul{margin:0;padding:0 0 0 1.2em;}
  411. #stationerypromo h3{margin:.5em;font-size:100%;}
  412. #stationerypromo p{margin:.5em;}
  413. div.infomodule{margin:1em 0}
  414. div.infomodule .bd{border-style:solid;border-width:1px;} 
  415. div.infomodule .msgolds td,div.infomodule .msgold td{ border-style:solid none; border-width:1px 0; padding-left:.5em; height:2em; }
  416. div.infomodule tr.first td{ border-top-width:0; border-top-style:none; }
  417. div.infomodule tr.last td{ border-bottom-width:0; border-bottom-style:none; }
  418. /* Folders.html */
  419. table#folders th{padding:.25em .5em;}
  420. table#folders tbody td span{font:78% normal verdana;}
  421. table#folders #messagecolumn, table#folders #unreadcolumn, table#folders #sizecolumn{text-align:center;}
  422. /* ViewAttachment.html */
  423. table#fileinfo td{padding:.25em .5em;border-width:1px 0;border-style:solid none;}
  424. div#filecontent{margin:1em 0;}
  425. xbody h1{font-size:120%;}
  426. /* Options Templates */
  427. table#mailoptions{margin-top:1em;}
  428. table#mailoptions td{border-style:none solid;border-width:0 1px;}
  429. table#mailoptions td.first, table#mailoptions td.last{border-style:none;border-width:0;}
  430. table#mailoptions td.twocollast{border-top-style:none;border-right-style:none;border-bottom-style:none;}
  431. table#mailoptions h3, table#mailoptions h4{padding:.25em .5em;font-size:100%;}
  432. table#mailoptions h3{border-style:solid;border-width:1px;}
  433. table#mailoptions h4{margin:1em 0 0 0;}
  434. table#mailoptions p{margin:0;padding:.5em;}
  435. table.optionsview div.alertbox{margin-right:16px;}
  436. #stateindicator p{margin:.25em 0;}
  437. body#popsettings{margin:1em;}
  438. body#popsettings h3{font-size:100%;}
  439. body#popsettings table#header{border-bottom-width:2px;border-bottom-style:solid;}
  440. body#popsettings table#header td{padding-bottom:.5em;}
  441. #popsettings h3{font-size:100%;}
  442. body#popsettings table#header{border-bottom-width:2px;border-bottom-style:solid;}
  443. body#popsettings table#header td{padding-bottom:.5em;}
  444. #messageviewselector { text-decoration:underline; }
  445. div#spamflowtip{font:78% normal verdana;margin-top:1em;margin-bottom:1em;}
  446. div#spamflowtip div.last{border-bottom-width:1px;border-bottom-style:solid;}
  447. div#spamflowtip div div{padding:0 1em;}
  448. div#spamsettingstoggle a {font:78% normal verdana;}
  449. #bmlinks{display:block;float:right;width:auto;}
  450. #bmlinks a{display:block;float:left;width:auto;margin:.25em;font-weight:bold;}
  451. #bmlinks img{margin-bottom:.2em;}
  452. div.progressbar{border-style:solid;border-width:1px;padding:10px;width:500px;margin:10px;}
  453. div.progressbardiv.hd,div.progressbardiv.ft{font:77%verdana;}
  454. div.progressbardiv.hd em{font-style:normal;font-weight:bold;}
  455. div.progressbardiv.bd{border-style:solid;border-width:2px;margin:5px 0;}
  456. div.progressbardiv.bd span{height:5px;}
  457. div.premium h3{margin:0;}
  458. div#attdisplay {font:77% verdana;padding-bottom:5px;width:99%;}
  459. form {
  460.     display: inline;
  461. }
  462.  
  463. #spellbox {
  464.     background-color: #E6E6E6; padding: 6px 0 8px 8px; display: none;
  465.     border-top: 1px solid #999;
  466.     position: relative;
  467. }
  468.  
  469. .spellblock {
  470.     float: left; margin-left: 10px;
  471. }
  472.  
  473. #spellbox .first {
  474.     float: left;
  475.     width: auto;
  476. }
  477.  
  478. #spellmsg {
  479.     margin-bottom: 2px;
  480.     line-height: 18px;
  481.     font-family: Verdana;
  482.     font-weight: bold;
  483.     font-size: 75%;
  484. }
  485.  
  486. #spellbox input, #spellbox select {
  487.     font-size: 75%;
  488.     font-family: Verdana;
  489.     width: 14em;
  490.     margin: 0;
  491.     font-weight: normal;
  492. }
  493.  
  494. #spellbox button {
  495.     margin: 12px 10px 4px 0;
  496. }
  497.  
  498. #spellbox label {
  499.     font-family: verdana;
  500.     font-size: 75%;
  501.     font-weight: normal;
  502.     display: inline;
  503.     vertical-align: top;
  504.     line-height: 18px;
  505.     height: 18px;
  506. }
  507.  
  508. .clear {
  509.     clear: both;
  510. }
  511.  
  512. #spellbox #slbox {
  513.     position: absolute;
  514.     width: auto;
  515.     white-space: nowrap;
  516.     top: 8px;
  517.     right: 8px;
  518. }
  519.  
  520. #misspelled {
  521.     font-style: normal;
  522.     font-weight:bold;
  523.     color:red;
  524. }
  525.  
  526. /* Common elements */
  527. body{color:#333;background-color:#ffffff}
  528. a,a:visited{color:#039;}
  529. h2{color:#3162a6;}
  530. #swads div{border-top-color:#fff; border-bottom-color:#95b3de;}
  531. /* General application layout */
  532. #applicationcontainer td#leftnav{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_l_1.gif);background-color:#d6deec;}
  533. #applicationcontainer td#leftnavspacer{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_m_1.gif);background-color:#FFF;}
  534. #applicationcontainer td#maincontent{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_r_1.gif);background-color:#FFF;}
  535. .error h3{color:#BC131A;}
  536. div.alertbox{border-color:#E6E6E6;background-color:#F6F6F6;}
  537. /* PIM Tabs */
  538. #topnav{background-color:#3d77cb;border-bottom-color:#3162a6;}
  539. #topnav div{background-color:#FFF;border-bottom-color:#C1C1C1;}
  540. #topnav span{border-color:#C1C1C1;}
  541. #topnav span span{background-color:#F6F6F6;}
  542. #topnav span.selected{border-color:#3d77cb;}            
  543. #topnav span.selected span{border-color:#3d77cb;background-color:#3d77cb;}
  544. #topnav span.selected a{color:#FFF;}            
  545. #topnav span.hover{border-color:#95b3de;}            
  546. #topnav span.hover span{border-color:#95b3de;background-color:#95b3de;}
  547. #topnav span.hover a{color:#FFF;}            
  548. div.shortcuts{border-color:#3162a6;}
  549. div.shortcuts div{background-color:#e1ebfb;border-color:#FFF #e1ebfb #e1ebfb #FFF;}
  550. /* Button bars */
  551. .contentbuttonbar{background-color:#95b3de;}
  552. #contentbuttonbartop{border-bottom-color:#C1C1C1;}    
  553. .globalbuttonbar{background-color:#95b3de;}
  554. div.globalbuttonbar span#searchtestfields{background-color:#95b3de;}
  555. #globalbuttonbartop{border-color:#d6deec;}
  556. #globalbuttonbarbottom{border-color:#FFF;}
  557. .contentnav #filtercontrol span.filterbutton{background-color:#FFF;border-color:#FFF;}
  558. .contentnav #filtercontrol span.hover{border-color:#C1C1C1;}
  559. .contentnav #checkall, .contentnav #clearall{color:#039;}
  560. .buttonmenu li a, .buttonmenu li a:hover{color:#333;}
  561. #contentnavtop{border-top-color:#C1C1C1;}
  562. /* Buttons */
  563. button, .button, .inputbutton, button.menubutton, button.hasdefaultstate{background-color:#E6E6E6;border-color:#FFF #C1C1C1 #C1C1C1 #FFF;color:#333;}
  564. a.button:visited{color:#333;}
  565. div.globalbuttonbar span.last a, div.globalbuttonbar span.last span{border-color:#95b3de;}
  566. div.globalbuttonbar span.last{background-color:#e1ebfb;}
  567. /* Button Menus */
  568. .buttonmenu{border-color:#C1C1C1 ! important; background-color:#F6F6F6 ! important;}
  569. .buttonmenu li, #movemenu li{border-color:#F6F6F6;}
  570. .buttonmenu li.hover, #movemenu li.hover, .buttonmenu li:hover, #movemenu li:hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  571. /* Data table */
  572. .tbldata thead th{border-top-color:#FFF;border-bottom-color:#C1C1C1;border-right-color:#C1C1C1;background-color:#E6E6E6;} 
  573. .tbldata thead th.sortcol{background-color:#C1C1C1;}
  574. .tbldata tbody td{border-bottom-color:#E6E6E6;}
  575. .tbldata tr.selected td {background-color:#D6DEEC;}
  576. /* Rounded corners */
  577. div.content div{border-color:#95b3de;background-color:#FFF;}
  578. div.content .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_nw_1.gif);}
  579. div.content .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_ne_1.gif);}
  580. div.content .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_sw_1.gif);}
  581. div.content .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_se_1.gif);}
  582. div.filled div{border-color:#95b3de;background-color:#e1ebfb;}
  583. div.filled .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_nw_1.gif);}
  584. div.filled .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_ne_1.gif);}
  585. div.filled .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_sw_1.gif);}
  586. div.filled .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_se_1.gif);}
  587. div.sidebar div{border-color:#C1C1C1;background-color:#FFF;}
  588. div.sidebar .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_nw_1.gif);}
  589. div.sidebar .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_ne_1.gif);}
  590. div.sidebar .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_sw_1.gif);}
  591. div.sidebar .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_se_1.gif);}
  592. #searchnav li, #optionsnav li{border-color:#FFF;background-color:#FFF;}
  593. #searchnav li.selected, #optionsnav li.selected{border-color:#E4E6E3;background-color:#e1ebfb;}
  594. #searchnav li.hover, #optionsnav li.hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  595. #searchnav li:hover, #optionsnav li:hover{background-color:#E6E6E6;border-color:#C1C1C1;}1;}#optionsnav li:hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  596. /* Dashboard */
  597. div.topfilled div{border-color:#95b3de;background-color:#ffffff;}
  598. div.topfilled div.first { background-color:#e1ebfb;  }
  599. div.topfilled .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_nw_1.gif);}
  600. div.topfilled .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_wc3c5_ne_1.gif);}
  601. div.topfilled .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_sw_1.gif);}
  602. div.topfilled .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/rc_c4c3w_se_1.gif);}
  603. div.topfilled .toptitle { background-color:#e1ebfb;  border-bottom-color:#95b3de;}
  604.  
  605. div.topfilled span.filterbutton{color:#039}
  606.  
  607. div.dashcontent .viewtitle {  color:#999999;}
  608.  
  609. /* Common elements */
  610. div#quotameter div{border-color:#d6deec;background-color:#FFF;}
  611. #quotausagebar{border-color:#E6E6E6;}
  612. div.lowquota span#quotausagebar span.first{background:#DBEBC1 url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/qt_lo_1.gif) repeat-x center left;}
  613. div.mediumquota span#quotausagebar span.first{background:#F9E9B5 url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/qt_m_1.gif) repeat-x center left;}
  614. div.highquota span#quotausagebar span.first{background:#FFC1C1 url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/qt_hi_1.gif) repeat-x center left;}
  615. div.lightfill{background-color:#F6F6F6;border-top-color:#FFF;border-bottom-color:#C1C1C1;}
  616. div.darkfill{background-color:#E6E6E6;border-top-color:#FFF;border-bottom-color:#C1C1C1;}
  617. div.fieldset h3{color:#3162a6;}
  618. h2 span{color:#000;}
  619. h2 span a{color:#039;}
  620. /* General application layout */
  621. table.applicationcontainer{border-color:#C1C1C1;}
  622. table.applicationcontainer td#first, table.applicationcontainer td#euspacer{background-color:#d6deec;background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_l_1.gif);}
  623. table.applicationcontainer td#spacer{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_m_2.gif);}
  624. table.applicationcontainer td.content{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/shd_r_2.gif);}
  625. table.composeview #stateindicator, table.optionsview #stateindicator, table.kioskview #stateindicator{border-color:#C1C1C1;}
  626. /* Rounded corner elements */
  627. .smallroundedmodule .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/src_wc4w_nw_1.gif);}
  628. .smallroundedmodule .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/src_wc4w_ne_1.gif);}
  629. .smallroundedmodule .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/src_wc4w_sw_1.gif);}
  630. .smallroundedmodule .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/blue/src_wc4w_se_1.gif);}
  631. /* Left nav */
  632. #nwad div { border-bottom-color:#95b3de; }
  633. #folderlist li{border-color:#FFF;background-color:#FFF;}
  634. #folderlist li.selected{border-color:#C1C1C1;background-color:#e1ebfb;}
  635. #folderlist li.hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  636. #savedsearches li{border-color:#FFF;background-color:#FFF;}
  637. #savedsearches li.hover{background-color:#E6E6E6;border-color:#C1C1C1;}      
  638. #personalfoldersdisplaytoggle, #addfoldercontrol, #mysearchesdisplaytoggle{color:#039;}
  639. #mailaccounts li{border-color:#FFF;background-color:#FFF;}
  640. #mailaccounts li.hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  641. #popaccounts li{border-color:#fff;}
  642. #popaccounts li.hover{background-color:#E6E6E6;border-color:#C1C1C1;}
  643. /* Welcome.html */
  644. div#mailpluswelcome h3,div.lrec h3{color:#3162a6;}
  645. /* Letter.html */
  646. .messageinfo{border-color:#C1C1C1 #FFF;background-color:#E6E6E6;}
  647. .messageinfo p{border-top-color:#FFF;}
  648. table.messageheader td{border-bottom-color:#E6E6E6;}
  649. table.messageheader td.label{background-color:#e1ebfb;}
  650. div#message{color:#000;}
  651. /* Compose.html, Spell.html, SpellDynamic.html */
  652. div#composebuttonbartop,div#composebuttonbarbottom{padding:.5em;background-color:#95b3de;}
  653. #ecardpromo div{border-color:#d6deec;background-color:#FFF;}
  654. div#spellchecker div.modulecontainer div{border-color:#C1C1C1;background-color:#FFF;}
  655. div#spellchecker div.modulecontainer .first .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_nw_1.gif);}
  656. div#spellchecker div.modulecontainer .first .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_ne_1.gif);}
  657. div#spellchecker div.modulecontainer .last .first{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_sw_1.gif);}
  658. div#spellchecker div.modulecontainer .last .last{background-image:url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/rc_wg2w_se_1.gif);}
  659. div#spellchecker div.last{border-bottom-color:#C1C1C1;}
  660. #autocompletepromo h3{color:#F90;}
  661. label#tofieldlabel, label#ccfieldlabel, label#bccfieldlabel{color:#23528B;}
  662. /* ViewAttachment.html */
  663. table#fileinfo td{background-color:#E6E6E6;border-color:#C1C1C1;}
  664. /* Letter view TocLoop.html */
  665. .splittertop {border-bottom-color:#c1c1c1;background-color:#ffffff;}
  666. .splittercontent {border-top-color: #ffffff;border-bottom-color: #c1c1c1;background-color:#e6e6e6;}
  667. .tabfolder .tabfoldercontent  { border-color: #3d77cb; }
  668. table.photopanel { border-color: #C0C0C0; }
  669. table.photopanel td { border-color:#C0C0C0; }
  670. table.photopanel td.thumbnail td.image { background-color:#EFEFEF; border-color:#E0E0E0; }
  671. table.photopanel td.thumbnail td.savetolinks { font:77% verdana; padding-left:10px; }
  672. table.photopanel td.imageinfo div { border-top-color:#fff; background-color:#E6E6E6; }
  673. table.photopanel td.imageinfo div a.imagename { color:#000; }
  674. .filespanel td {border-top-color:#d1d1d1;}
  675. .tabtitlefield { color:#fff;  }
  676. .tabtitlerow { background-color:#3d77cb; }
  677. .tabtitlespace {background-color:#FFF;}
  678. /* Confirmation templates */
  679. #stationerypromo h3{color:#3162a6;}
  680. #moreyahoo h3{color:#F90;}
  681. div.infomodule .bgf{background-color:#FFF;}
  682. div.infomodule .bgc{background-color:#3d77cb;}
  683. div.infomodule .bgg{background-color:#C1C1C1;}
  684. div.infomodule .bgd{background-color:#95b3de;}
  685. div.infomodule .verd{color:#FFF;}
  686. div.infomodule .msgolds td, div.infomodule .msgold td{ border-bottom-color:#c1c1c1; border-top-color:#fff; }
  687. div.infomodule .msgolds td{ background-color:#d6deec; border-left-color:#d6deec; border-right-color:#d6deec; }
  688. div.infomodule .msgold td{ background-color:#e1ebfb; border-left-color:#e1ebfb; border-right-color:#e1ebfb; }
  689. div.infomodule .bd{background-color:#d6deec;border-color:#3d77cb;}
  690. /* Options Templates */
  691. table#mailoptions td{border-color:#C1C1C1;}
  692. table#mailoptions h3{border-color:#C1C1C1 #E6E6E6 #C1C1C1 #FFF;background:#E6E6E6 url(http://us.i1.yimg.com/us.yimg.com/i/us/pim/r/medici/all/px_w.gif) 1px 1px repeat-x;}
  693. body#popsettings table#header{border-bottom-color:#95b3de;}
  694. #messageviewselector { text-decoration:underline; color:#039; }
  695. /* Overture text links */
  696. .ovt {margin-top:15px;border:1px solid #BDBEBD;position:relative;}
  697. #west2 .ovt, #east2 .ovt {border-width: 1px 0 0;} 
  698. .ovt .disclaimer, .ovt .whatsthis, #east .ovt div, #east2 .ovt li div {font-size: .79em;}
  699. .ovt .disclaimer {position: absolute;top: -.6em;background-color: #fff;padding: 0 .25em;margin-left: 10px;}
  700. .ovt ul {margin: .4em 0 5px; padding: 0;}
  701. .ovt li {margin: 5px 0;padding: 5px 10px 0;list-style-type: none;cursor: pointer;cursor: hand;width: 100%;}
  702. html>body .ovt li {width: auto;}
  703. .ovt em {font-style: normal;color: #008000;}
  704. .ovt .whatsthis {text-align: center;padding-bottom: 6px;}
  705. .ovt .odd {background: #eee;}
  706. #bmlinks{background-color:#e1ebfb;}
  707. #whatsnewlink{color:#f00;}
  708. #whatsnewlink:visited{color:#039;}
  709. div.progressbar{border-color:#c1c1c1;background-color:#fff;}   
  710. div.progressbar div.bd{border-color:#5F5F5F;}
  711. div.progressbar div.bd span{background-color:#3d77cb;}
  712. /* DomainKeys indicator */
  713. div.dkindicator .bg{background:#FFFFCC;}
  714. .premium {border: 1px solid #C1C1C1;border-top-width:0;background-color: #d6deec;}
  715. /* Auto-complete drop-down menu */
  716. .ac_menu{border:1px solid #3162A6;background-color:#F6F6F6;cursor:default;overflow:hidden;-moz-box-sizing:border-box;}
  717. .ac_menuitem{position:relative;width:100%;color:#141414;padding:2px;cursor:pointer;cursor:hand;-moz-box-sizing:border-box;-moz-user-select:none;}
  718. .ac_menuitem_over{background-color:#E6E6E6;}
  719. .ac_menuitem_selected{background-color:#D6DEEC;}
  720.